<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name='description' content="Kyle 自己的个人站点，存放一些自己的项目和好用的 web 小工具">
    <meta name="keywords" content="个人博客,vue博客,单页面博客,二次元博客,小析のBolg,blog,博客">
    <meta name="author" content="小析,1805639380@qq.com">
    <meta name="copyright" content="小析">
    <meta name="generator" content="vscode">
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="code-0XTfjVsQRN" />
    <meta name="robots" content="all">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
      <div id="Loading">
        <div class="loader-inner ball-beat">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
      <style type="text/css">
        #Loading {
          top: 50%;
          left: 50%;
          position: absolute;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          z-index: 100;
        }
   
        @-webkit-keyframes ball-beat {
          50% {
            opacity: 0.2;
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
          }
   
          100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
          }
        }
   
        @keyframes ball-beat {
          50% {
            opacity: 0.2;
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
          }
   
          100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
          }
        }
   
        .ball-beat > div {
          background-color: #4999ff;
          width: 20px;
          height: 20px;
          border-radius: 100% !important;
          margin: 2px;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          display: inline-block;
          -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear;
        }
   
        .ball-beat > div:nth-child(2n-1) {
          -webkit-animation-delay: 0.35s !important;
          animation-delay: 0.35s !important;
        }
      </style>
    </div>

    <!-- built files will be auto injected -->
  </body>
</html>
